.container {
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
    background: radial-gradient(
            186% 69% at 100% 0%,
            #c5fda2 0%,
            rgba(197, 253, 162, 0) 100%
        ),
        radial-gradient(
            155% 36% at 0% 0%,
            #8ad7ff 0%,
            rgba(138, 215, 255, 0) 100%
        ),
        #d6f4fe;
}

.content {
    width: 100%;
    box-sizing: border-box;
    padding: 55rpx 32rpx 32rpx;
}

.step {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 50rpx 24rpx 24rpx;
    background: linear-gradient(180deg, #d9f7f7 0%, #ffffff 100%);
    min-height: 160rpx;
    box-sizing: border-box;
    border: 2px solid;
    margin-bottom: 40rpx;
    border-radius: 16rpx;
    border-image: linear-gradient(
        180deg,
        #ffffff 0%,
        rgba(255, 255, 255, 0) 100%
    );
}

.mg-b-50 {
    margin-bottom: 50rpx;
}

.icon-class {
    position: absolute;
    left: 0;
    top: -20rpx;
}

.fc-6B6B86 {
    color: #6b6b86;
}

.fc-202536 {
    color: #202536;
}

.fc-red {
    color: #ff7e68;
}

.gap-16 {
    gap: 16rpx;
}
.out {
    padding: 10rpx;
    box-sizing: border-box;
    height: 420rpx;
    background-image: url("https://bullet001.oss-cn-shanghai.aliyuncs.com/file/payManager78f6b5c2-364b-4867-8d2b-32198e28d8c9.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    .top {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

.fc-ffffff {
    color: #ffffff;
}
.copyBtn {
    width: 143rpx;
    height: 56rpx;
    border-radius: 10rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #3876f6;
    font-size: 24rpx;
    color: #ffffff;
}
.pd-l-12 {
    padding-left: 12rpx;
}
.tag {
    background-image: url("https://bullet001.oss-cn-shanghai.aliyuncs.com/file/payManagera6add2cd-0962-4074-9fe9-9abb0bd6b1f2.png");
    width: 304rpx;
    height: 74rpx;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-left: 14rpx;
    padding-top: 14rpx;
    color: #ffffff;
    font-size: 28rpx;
}
.flex-y-center {
    display: flex;
    align-items: center;
}

.listbox {
    display: flex;
    flex-direction: column;
    gap: 16rpx;
    .listItem {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        width: 100%;
        padding: 0 23rpx;
        .mylabel {
            flex-shrink: 0;
            width: 130rpx;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .value {
            padding-left: 20rpx;
            box-sizing: border-box;
            flex: 1;
        }
    }
}

.step3inner {
    position: relative;
    .popcontent {
        position: absolute;
        top: -274rpx;
        right: -24rpx;
        padding: 28rpx 26rpx;
        box-sizing: border-box;
        background: rgba(32, 37, 54, 0.8);
        border-radius: 16rpx;
        backdrop-filter: blur(10px);
        width: 524rpx;
        height: 260rpx;
        .icon {
            position: absolute;
            bottom: -22rpx;
            left: 264rpx;
        }
    }
}
